Merge remote-tracking branch 'knu/font-awesome'

Akinori MUSHA преди 9 години
родител
ревизия
7ca5d7db80
променени са 5 файла, в които са добавени 49 реда и са изтрити 8 реда
  1. 1 0
      Gemfile
  2. 3 0
      Gemfile.lock
  3. 37 0
      app/assets/stylesheets/application.css.scss.erb
  4. 5 5
      app/assets/stylesheets/tables.css.scss
  5. 3 3
      app/views/services/index.html.erb

+ 1 - 0
Gemfile

@@ -42,6 +42,7 @@ gem 'em-http-request', '~> 1.1.2'
42 42
 gem 'faraday', '~> 0.9.0'
43 43
 gem 'faraday_middleware'
44 44
 gem 'feed-normalizer'
45
+gem 'font-awesome-sass'
45 46
 gem 'foreman', '~> 0.63.0'
46 47
 # geokit-rails doesn't work with geokit 1.8.X but it specifies ~> 1.5
47 48
 # in its own Gemfile.

+ 3 - 0
Gemfile.lock

@@ -120,6 +120,8 @@ GEM
120 120
       hpricot (>= 0.6)
121 121
       simple-rss (>= 1.1)
122 122
     ffi (1.9.4)
123
+    font-awesome-sass (4.2.0)
124
+      sass (~> 3.2)
123 125
     forecast_io (2.0.0)
124 126
       faraday
125 127
       hashie
@@ -408,6 +410,7 @@ DEPENDENCIES
408 410
   faraday_middleware
409 411
   feed-normalizer
410 412
   ffi (>= 1.9.4)
413
+  font-awesome-sass
411 414
   forecast_io (~> 2.0.0)
412 415
   foreman (~> 0.63.0)
413 416
   geokit (~> 1.8.4)

+ 37 - 0
app/assets/stylesheets/application.css.scss.erb

@@ -18,6 +18,8 @@
18 18
  */
19 19
 
20 20
 @import "bootstrap";
21
+@import "font-awesome-sprockets";
22
+@import "font-awesome";
21 23
 
22 24
 body { padding-top: 60px; }
23 25
 
@@ -237,3 +239,38 @@ h2 .scenario, a span.label.scenario {
237 239
 .confirm-agent .popover {
238 240
   width: 200px;
239 241
 }
242
+
243
+.btn-auth {
244
+  position: relative;
245
+  padding-left: 40px;
246
+  $border-color: rgba(0,0,0,0.2);
247
+  border-color: $border-color;
248
+
249
+  > i:first-child {
250
+    position: absolute;
251
+    top: 0;
252
+    left: 0;
253
+    bottom: 0;
254
+    width: 32px;
255
+    height: 32px;
256
+    text-align: center;
257
+    line-height: 32px;
258
+    font-size: 24px;
259
+    border-right: 1px solid $border-color;
260
+  }
261
+
262
+  &.btn-auth-twitter {
263
+    color: #fff;
264
+    background-color: #55acee;
265
+  }
266
+
267
+  &.btn-auth-37signals {
268
+    color: #fff;
269
+    background-color: #8fc857;
270
+  }
271
+
272
+  &.btn-auth-github {
273
+    color: #fff;
274
+    background-color: #444;
275
+  }
276
+}

+ 5 - 5
app/assets/stylesheets/tables.css.scss

@@ -6,17 +6,17 @@
6 6
   &.asc:after, &.desc:after {
7 7
     text-decoration: none;
8 8
     position: absolute;
9
-    top: -5px;
10
-    right: -12px;
11
-    font-size: 1.2em;
9
+    top: 0;
10
+    right: -1em;
11
+    font-family: FontAwesome;
12 12
   }
13 13
 
14 14
   &.asc:after {
15
-    content: '\2193';
15
+    content: '\f0de'; //fa-sort-asc
16 16
   }
17 17
 
18 18
   &.desc:after {
19
-    content: '\2191';
19
+    content: '\f0dd'; //fa-sort-desc
20 20
   }
21 21
 }
22 22
 

+ 3 - 3
app/views/services/index.html.erb

@@ -12,13 +12,13 @@
12 12
         for guidance.
13 13
       </p>
14 14
       <% if has_oauth_configuration_for?('twitter') %>
15
-        <p><%= link_to "Authenticate with Twitter", "/auth/twitter" %></p>
15
+        <p><%= link_to "/auth/twitter", class: 'btn btn-default btn-auth btn-auth-twitter' do %><i class='fa fa-twitter'></i><span>Authenticate with Twitter</span><% end %></p>
16 16
       <% end %>
17 17
       <% if has_oauth_configuration_for?('37signals') %>
18
-        <p><%= link_to "Authenticate with 37Signals (Basecamp)", "/auth/37signals" %></p>
18
+        <p><%= link_to "/auth/37signals", class: 'btn btn-default btn-auth btn-auth-37signals' do %><i class='fa fa-lock'></i><span>Authenticate with 37Signals (Basecamp)</span><% end %></p>
19 19
       <% end -%>
20 20
       <% if has_oauth_configuration_for?('github') %>
21
-        <p><%= link_to "Authenticate with Github", "/auth/github" %></p>
21
+        <p><%= link_to "/auth/github", class: 'btn btn-default btn-auth btn-auth-github' do %><i class='fa fa-github'></i><span>Authenticate with Github</span><% end %></p>
22 22
       <% end -%>
23 23
       <hr>
24 24